@import "../../base/base"; // 引入变量
.notice-form {
  @include pdB(100px);
  width: 800px;
  margin: 70px auto 0;
  .el-input {
    width: 600px;
    .el-input__inner {
      @include line-height(40);
      height: 40px;
    }
  }
  .content-wrapper {
    @include mgB(5px);
    display: inline-flex;
  }
}

.istop-btn {
  width: 180px;
  height: 35px;
  display: flex;
  justify-content: space-around;
  @include line-height(35);
  color: $cr-f;
  cursor: pointer;
  font-size: $sz12;
  .isTop {
    background-color: $brand-primary;
  }
  .noisTop {
    color: #CBD1DA;
    background-color: #F5F7FA;
    border: 1px solid #CBD1DA;
  }
  > div {
    @include border-radius(5px 0px 0px 5px);
    width: 50%;
    @include tc;
  }
  > div:last-child {
    @include border-radius(0px 5px 5px 0px);
  }
}

.has-no-img img {
  @include mgT(30px);
  width: 36px;
  height: 32px;
}

.upload-img {
  display: flex;
  flex-direction: column;
}

.has-img, .has-no-img {
  @include tc;
  @include line-height(66);
  width: 160px;
  height: 100px;
  text-align: center;
  background: #F5F7FA;
}

.upload-img .el-button.el-button--primary.el-button--small {
  @include border-radius(5px);
  @include mgT(10px);
  @include pdTB(7px);
  @include pdLR(11px);
  width: 71px;
  height: 27px;
  background: rgba(50, 119, 233, 1);
  font-size: $sz12;
  color: $cr-f;
  cursor: pointer;
}

.edit_container {
  height: 278px !important;
  width: 600px;
  border: none;
  .editer {
    @include higt100;
  }
  .ql-container.ql-snow {
    @include border-radius(0px 0px 5px 5px);
    height: 248px;
    border: 1px solid #CBD1DA;
    .ql-editor img {
      width: auto;
    }
  }
}

.edit_container .editer .ql-toolbar.ql-snow {
  @include line-height(30);
  @include pdA(0px);
  @include border-radius(5px 5px 0px 0px);
  height: 30px !important;
  border: 1px solid #CBD1DA;
}

.submit_btn {
  @include tc;
}

.avatar-uploader {
  height: 5px;
}
